<%@ page import="java.util.Date" %>
<%@ page import="java.text.SimpleDateFormat" %>
<%@ page import="com.yzk.auction.utils.PageModel" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--使用taglib引入标签--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html >
	<head>
		<meta charset="utf-8" />
		<title>商品竞拍</title>
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk"
		 crossorigin="anonymous">
		<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
		 crossorigin="anonymous"></script>
		<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
		 crossorigin="anonymous"></script>
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
		 crossorigin="anonymous"></script>
		<script src="js/js1.js"></script>
		<script src="js/vue.js"></script>
		<link rel="stylesheet" type="text/css" href="css/show.css"/>
		<style type="text/css">
			
		</style>
        <script>
            $(function () {
                $(".show_head").click(function () {
                    location.href="/user?method=showInformation&id="+${userList.user_id}
                })
                $(".show_name").click(function () {
                    location.href="/user?method=showInformation&id="+${userList.user_id}
                })
            })
        </script>
	</head>
	<body>
		<!-- 顶部 -->
		<div class="top" id="t1">
			<div class="logo">
				<img src="image/logo.png">
			</div>
			<c:if test="${!empty userList}">
				<img class="show_head" src="${userList.user_head}">
				<div class="show_name">欢迎您，${userList.user_name}</div>
			</c:if>
			<%--<div id="show_username" style="display: none"></div>--%>
			<c:if test="${empty userList}">
				<div class="dl" >
					<a href="/user?method=showLogin"  @click="changegr" id="login" >登录
						<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-chevron-down" fill="currentColor"
							 xmlns="http://www.w3.org/2000/svg">
							<path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" />
						</svg>
					</a>

				</div>
				<div class="zc" id="register">
					<a href="/user?method=showRegister" >注册
						<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-chevron-down" fill="currentColor"
							 xmlns="http://www.w3.org/2000/svg">
							<path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" />
						</svg>
					</a>
				</div>
			</c:if>
			<%--<div class="zj" v-show="show_gr" >
				<img src="image/zj.png" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				欢迎进入您的空间
			</div>--%>
			<div class="per">
				客服电话：8088-8888

			</div>
		</div>

		<!-- 分类、搜索框、轮播图 -->
		<div class="cen">
			<!-- 分类块 -->
			<div class="cen1">
				<!-- 点击下拉框 -->
				<div class="cen2" >
					<div class="title">
						<a id="t" onclick="show_menu()" href="###">
							<img src="image/fl.png"> &nbsp;&nbsp;商品分类
						</a>
					</div>
					<!-- 分类内容 -->
					<ul id="ul_title" >
						<li class="li_title" style="list-style: url(image/li_bg.png);">国画<>
						<li><a href="/homePage?method=homePage_id&second_name=人文画"><font size="1">人文画</font></a>
							<a href="/homePage?method=homePage_id&second_name=山水画"><font size="1">山水画</font></a>
							<a href="/homePage?method=homePage_id&second_name=花鸟画"><font size="1">花鸟画</font></a>
						<li style="list-style: url(image/li_bg1.png);">西洋画<>
						<li><a href="/homePage?method=homePage_id&second_name=油画"><font size="1">油画</font></a>
							<a href="/homePage?method=homePage_id&second_name=水彩画"><font size="1">水彩画</font></a>
							<a href="/homePage?method=homePage_id&second_name=素描"><font size="1">素描</font></a>
						<li style="list-style: url(image/li_bg2.png);">书法<>
						<li><a href="/homePage?method=homePage_id&second_name=行书"><font size="1">行书</font></a>
							<a href="/homePage?method=homePage_id&second_name=隶书"><font size="1">隶书</font></a>
							<a href="/homePage?method=homePage_id&second_name=楷书"><font size="1">楷书</font></a>
						<li style="list-style: url(image/li_bg3.png);">雕塑<>
						<li><a href="/homePage?method=homePage_id&second_name=木雕"><font size="1">木雕</font></a>
							<a href="/homePage?method=homePage_id&second_name=石雕"><font size="1">石雕</font></a>
							<a href="/homePage?method=homePage_id&second_name=漆雕"><font size="1">漆雕</font></a>
						<li style="list-style: url(image/li_bg4.png);">紫砂陶瓷<>
						<li><a href="/homePage?method=homePage_id&second_name=青花瓷"><font size="1">青花瓷</font></a>
							<a href="/homePage?method=homePage_id&second_name=粉彩瓷"><font size="1">粉彩瓷</font></a>
							<a href="/homePage?method=homePage_id&second_name=紫砂壶"><font size="1">紫砂壶</font></a>
						<li style="list-style: url(image/li_bg5.png);">玉翠珠宝<>
						<li><a href="/homePage?method=homePage_id&second_name=玉石"><font size="1">玉石</font></a>
							<a href="/homePage?method=homePage_id&second_name=翡翠"><font size="1">翡翠</font></a>
							<a href="/homePage?method=homePage_id&second_name=宝石"><font size="1">宝石</font></a>
					</ul>
				</div>
			</div>
			<!-- 搜索框 -->
			<div class="sousuo">
				<form action="/homePage?method=homePage_like" method="post">
					<input type="text" name="like" placeholder="请输入您要搜索的内容..." required="required"  />
					<input id="su" type="submit" value="搜索"/>
					<!-- <input type="submit" value=""/> -->
				</form>
				
			</div>
			<!-- 轮播图 -->
			<div class="lb">
				<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
					<div class="carousel-inner">
						<div class="carousel-item active">
							<img src="image/bg.jpg" class="d-block w-100" alt="...">
						</div>
						<div class="carousel-item">
							<img src="image/bg3.jpeg" class="d-block w-100" alt="...">
						</div>
						<div class="carousel-item">
							<img src="image/bg2.jpeg" class="d-block w-100" alt="...">
						</div>
					</div>
					<a style="top: 200px; left: 50px; width: 30px; height: 30px;" class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
						<span class="carousel-control-prev-icon" aria-hidden="true"></span>
						<span class="sr-only">Previous</span>
					</a>
					<a style="top: 200px; left: 1130px; width: 30px; height: 30px;" class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
						<span class="carousel-control-next-icon" aria-hidden="true"></span>
						<span class="sr-only">Next</span>
					</a>
				</div>
			</div>

		</div>

		<%--商品列表遍历--%>
		<div>
			<iframe name="ifcontent" style="width:100%;height:600px;overflow-y: hidden;border:0px;min-width: 800px;" src="/homePage?method=homepage_list"></iframe>
		</div>

        <!-- 底部 -->
		<div class="footer">
			<!-- 左端 -->
			<div class="footer1">
				<div class="logo1">
					<svg width="3em" height="3em" viewBox="0 0 16 16" class="bi bi-shield-check" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
						<path fill-rule="evenodd" d="M5.443 1.991a60.17 60.17 0 0 0-2.725.802.454.454 0 0 0-.315.366C1.87 7.056 3.1 9.9 4.567 11.773c.736.94 1.533 1.636 2.197 2.093.333.228.626.394.857.5.116.053.21.089.282.11A.73.73 0 0 0 8 14.5c.007-.001.038-.005.097-.023.072-.022.166-.058.282-.111.23-.106.525-.272.857-.5a10.197 10.197 0 0 0 2.197-2.093C12.9 9.9 14.13 7.056 13.597 3.159a.454.454 0 0 0-.315-.366c-.626-.2-1.682-.526-2.725-.802C9.491 1.71 8.51 1.5 8 1.5c-.51 0-1.49.21-2.557.491zm-.256-.966C6.23.749 7.337.5 8 .5c.662 0 1.77.249 2.813.525a61.09 61.09 0 0 1 2.772.815c.528.168.926.623 1.003 1.184.573 4.197-.756 7.307-2.367 9.365a11.191 11.191 0 0 1-2.418 2.3 6.942 6.942 0 0 1-1.007.586c-.27.124-.558.225-.796.225s-.526-.101-.796-.225a6.908 6.908 0 0 1-1.007-.586 11.192 11.192 0 0 1-2.417-2.3C2.167 10.331.839 7.221 1.412 3.024A1.454 1.454 0 0 1 2.415 1.84a61.11 61.11 0 0 1 2.772-.815z" />
						<path fill-rule="evenodd" d="M10.854 6.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 8.793l2.646-2.647a.5.5 0 0 1 .708 0z" />
					</svg>
				</div>

				<div class="te">
					<h6>正品保障</h6>
				</div>

			</div>
			<!-- 左2 -->
			<div class="footer2">
				<svg width="3em" height="3em" viewBox="0 0 16 16" class="bi bi-lightning" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
					<path fill-rule="evenodd" d="M11.251.068a.5.5 0 0 1 .227.58L9.677 6.5H13a.5.5 0 0 1 .364.843l-8 8.5a.5.5 0 0 1-.842-.49L6.323 9.5H3a.5.5 0 0 1-.364-.843l8-8.5a.5.5 0 0 1 .615-.09zM4.157 8.5H7a.5.5 0 0 1 .478.647L6.11 13.59l5.732-6.09H9a.5.5 0 0 1-.478-.647L9.89 2.41 4.157 8.5z" />
				</svg>
				<div class="te">
					<h6>闪电发货</h6>
				</div>

			</div>
			<!-- 左3 -->
			<div class="footer3">
				<svg width="3em" height="3em" viewBox="0 0 16 16" class="bi bi-telephone-inbound" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
					<path fill-rule="evenodd" d="M3.925 1.745a.636.636 0 0 0-.951-.059l-.97.97c-.453.453-.62 1.095-.421 1.658A16.47 16.47 0 0 0 5.49 10.51a16.47 16.47 0 0 0 6.196 3.907c.563.198 1.205.032 1.658-.421l.97-.97a.636.636 0 0 0-.06-.951l-2.162-1.682a.636.636 0 0 0-.544-.115l-2.052.513a1.636 1.636 0 0 1-1.554-.43L5.64 8.058a1.636 1.636 0 0 1-.43-1.554l.513-2.052a.636.636 0 0 0-.115-.544L3.925 1.745zM2.267.98a1.636 1.636 0 0 1 2.448.153l1.681 2.162c.309.396.418.913.296 1.4l-.513 2.053a.636.636 0 0 0 .167.604L8.65 9.654a.636.636 0 0 0 .604.167l2.052-.513a1.636 1.636 0 0 1 1.401.296l2.162 1.681c.777.604.849 1.753.153 2.448l-.97.97c-.693.693-1.73.998-2.697.658a17.471 17.471 0 0 1-6.571-4.144A17.47 17.47 0 0 1 .639 4.646c-.34-.967-.035-2.004.658-2.698l.97-.969zM15.854.146a.5.5 0 0 1 0 .708L11.707 5H14.5a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 1 0v2.793L15.146.146a.5.5 0 0 1 .708 0z" />
				</svg>
				<div class="te">
					<h6>售后服务</h6>
				</div>
			</div>
			<!-- 左4 -->
			<div class="footer4">
				<svg width="3em" height="3em" viewBox="0 0 16 16" class="bi bi-person-dash" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
					<path fill-rule="evenodd" d="M11 14s1 0 1-1-1-4-6-4-6 3-6 4 1 1 1 1h10zm-9.995-.944v-.002.002zM1.022 13h9.956a.274.274 0 0 0 .014-.002l.008-.002c-.001-.246-.154-.986-.832-1.664C9.516 10.68 8.289 10 6 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664a1.05 1.05 0 0 0 .022.004zm9.974.056v-.002.002zM6 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0zm2 2.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5z" />
				</svg>
				<div class="te">
					<h6>隐私安全</h6>
				</div>

			</div>
		</div>
		<!-- 最底部 -->
		<div class="bot">
			<ul>
				<li>艺术竞拍</li>
				<li>关于我们</li>
				<li>其它查询</li>
				<li>其它网站</li>
				<li>欢迎访问</li>
			</ul>
			Copyright @2020 园中葵
		</div>
	</body>
</html>
